//安亭片
function loadAllOrgOfArea(mainNum,totalCount,count,color,color2,color3){

	// console.log("mainNum="+mainNum);
	// console.log("totalCount="+totalCount);
	// console.log("count="+count);

	var myChart = echarts.init(document.getElementById(mainNum));
	var option = {
		series: [{
			name: '',
			type: 'pie',
			// 饼图的半径，数组的第一项是内半径，第二项是外半径
			radius: ['80px', '50px'],
			// 是否启用防止标签重叠策略
			avoidLabelOverlap: false,
			hoverAnimation: false,
			// 标签的视觉引导线样式，在 label 位置 设置为'outside'的时候会显示视觉引导线
			labelLine: {
				normal: {
					show: false
				}
			},
			data: [{
					value: count,
					label: {
						normal: {
							// 是显示标签
							show: true,
							position: 'center',
							fontSize: 26,
							fontWeight: 'bold',
							formatter: function(data) {
								return data.percent.toFixed(0) + "%";
							},
							color:color,
						},

					},
					itemStyle: {
						color: {
							type: 'linear',
							x: 0,
							y: 0,
							x2: 1,
							y2: 1,
							colorStops: [
								{offset: 0, color: color},
								{offset: 1, color: color2}
							],
							globalCoord: false // 缺省为 false
						}

					},
					
				},
				{
					value:  totalCount-count,
					label: {
						normal: {
							show: false,    

						}
					},
					itemStyle: {
						normal: {
							color: color3
						}, //正常颜色
						emphasis: {
							color: color3
						}, //鼠标移入颜色
					},
				},

			]
		}]
	};
	myChart.setOption(option);
	$("#"+mainNum).css("width","auto");
	$(window).resize(function() {
	   myChart.resize();
	});
}





// //黄渡片
// $(function() {
// 	var myChart = echarts.init(document.getElementById('main2'));
// 	var option = {
// 		series: [{
// 			name: '',
// 			type: 'pie',
// 			// 饼图的半径，数组的第一项是内半径，第二项是外半径
// 			radius: ['80px', '50px'],
// 			// 是否启用防止标签重叠策略
// 			avoidLabelOverlap: false,
// 			hoverAnimation: false,
// 			// 标签的视觉引导线样式，在 label 位置 设置为'outside'的时候会显示视觉引导线
// 			labelLine: {
// 				normal: {
// 					show: false
// 				}
// 			},
// 			data: [{
// 					value: 88,
// 					label: {
// 						normal: {
// 							// 是显示标签
// 							show: true,
// 							position: 'center',
// 							fontSize: 26,
// 							fontWeight: 'bold',
// 							formatter: function(data) {
// 								return data.percent.toFixed(0) + "%";
// 							},
// 							color:'#FFC15E',
// 						},
	
// 					},
// 					itemStyle: {
// 						color: {
// 							type: 'linear',
// 							x: 0,
// 							y: 0,
// 							x2: 1,
// 							y2: 1,
// 							colorStops: [
// 								{offset: 0, color: '#FFC15E'},
// 								{offset: 1, color: '#FFE297'}  
// 							],
// 							globalCoord: false // 缺省为 false
// 						}
	
// 					},
					
// 				},
// 				{
// 					value: 100,
// 					label: {
// 						normal: {
// 							show: false,
	
// 						}
// 					},
// 					itemStyle: {
// 						normal: {
// 							color: 'rgba(255, 200, 105, 0.1)'
// 						}, //正常颜色
// 						emphasis: {
// 							color: 'rgba(255, 200, 105, 0.1)'
// 						}, //鼠标移入颜色
// 					},
// 				},
	
// 			]
// 		}]
// 	};
// 	myChart.setOption(option)
// })

// //方泰片
// $(function() {
// 	var myChart = echarts.init(document.getElementById('main3'));
// 	var option = {
// 		series: [{
// 			name: '',
// 			type: 'pie',
// 			// 饼图的半径，数组的第一项是内半径，第二项是外半径
// 			radius: ['80px', '50px'],
// 			// 是否启用防止标签重叠策略
// 			avoidLabelOverlap: false,
// 			hoverAnimation: false,
// 			// 标签的视觉引导线样式，在 label 位置 设置为'outside'的时候会显示视觉引导线
// 			labelLine: {
// 				normal: {
// 					show: false
// 				}
// 			},
// 			data: [{
// 					value: 120,
// 					label: {
// 						normal: {
// 							// 是显示标签
// 							show: true,
// 							position: 'center',
// 							fontSize: 26,
// 							fontWeight: 'bold',
// 							formatter: function(data) {
// 								return data.percent.toFixed(0) + "%";
// 							},
// 							color:'#1C9399',
// 						},
	
// 					},
// 					itemStyle: {
// 						color: {
// 							type: 'linear',
// 							x: 0,
// 							y: 0,
// 							x2: 1,
// 							y2: 1,
// 							colorStops: [
// 								{offset: 0, color: '#1C9399'},
// 								{offset: 1, color: '#37BCC1'}
// 							],
// 							globalCoord: false // 缺省为 false
// 						}
	
// 					},
					
// 				},
// 				{
// 					value: 100,
// 					label: {
// 						normal: {
// 							show: false,
	
// 						}
// 					},
// 					itemStyle: {
// 						normal: {
// 							color: 'rgba(28, 147, 153, 0.06)'
// 						}, //正常颜色
// 						emphasis: {
// 							color: 'rgba(28, 147, 153, 0.06)'
// 						}, //鼠标移入颜色
// 					},
// 				},
	
// 			]
// 		}]
// 	};
// 	myChart.setOption(option)
// })



function loadOrgAreaOfCountSub(mainNum,nameArr,countArr,color1,color2){

	// console.log("mainNum="+mainNum);
	// console.log("nameArr="+nameArr);
	// console.log("countArr="+countArr);
	// console.log("color1="+color1);
	// console.log("color2="+color2);

	// 基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById(mainNum));
    // 指定图表的配置项和数据
    var option = {
	    grid: {
	    	top:'0',
            left: '0',   //图表距边框的距离
            right: '50',
            bottom: '0',
            containLabel: true
        },
	    xAxis: {
	        type: 'value',
	        max:'600',
	        /*boundaryGap: [0, 0.01],*/
	        axisTick:{
                show:false  //去掉y轴刻度线
            },
            splitLine:{
                show:false
            },
            axisLine:{
            	show:false
				/*lineStyle:{
					color:'#F4F4F3', // x坐标轴的轴线颜色
					width:0, //这里是坐标轴的宽度,为0就是不显示
				}*/
			},
			axisLabel : {
				show:false
                /*textStyle: {
                    fontSize: 16,
                    color:'#666'
                }*/
            },
	    },
	    yAxis: {
	        type: 'category',
	        data: nameArr,//['党员','优抚家庭','孤老家庭孤老家庭','失孤家庭','单亲家庭','低保家庭','犯罪前科','党员','优抚家庭','孤老家庭孤老家庭','失孤家庭'],
	        axisTick:{
                show:false  //去掉y轴刻度线
            },
            axisLine:{
            	show:false
				/*lineStyle:{
					color:'#F4F4F3', // y坐标轴的轴线颜色
					width:1, //这里是坐标轴的宽度,为0就是不显示
				}*/
			},
			axisLabel : {
                textStyle: {
                    fontSize:14,
                    color:'#333'
                }
            },
	    },
	    series: [
	        {
	            type: 'bar',  
	            barWidth: '16',
	            showBackground: true,
		        backgroundStyle: {  
		        	color: 'rgba(28, 147, 153, 0.06)', 
		        	barBorderRadius:[8,8,8,8],
		        },
		        
	            itemStyle : {
					normal : {
						barBorderRadius:[8,8,8,8],
						color: new echarts.graphic.LinearGradient(0, 0, 1, 0,[{
							offset: 0,
							color: color1
						}, {
							offset: 1,
							color: color2
						}]),
						label: {		                       
							show: true,//是否展示
							position: 'right',
							textStyle: {
								fontSize: 14,
								color:'#333',
							}		                    
						},
					}
				},
				data: countArr,//[100, 200, 300, 400,150,550,360,300, 400,150,550],
	        }
	    ]
	};
    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);
	$("#"+mainNum+".data-main").css("width","auto");
	$(window).resize(function() {
	   myChart.resize();
	});
}
// // 黄渡片  TOP10
// $(function(){
// 	// 基于准备好的dom，初始化echarts实例
//     var myChart = echarts.init(document.getElementById('main5'));
//     // 指定图表的配置项和数据
//     var option = {
// 	    grid: {
// 	    	top:'0',
//             left: '0',   //图表距边框的距离
//             right: '20',
//             bottom: '0',
//             containLabel: true
//         },
// 	    xAxis: {
// 	        type: 'value',
// 	        max:'600',
// 	        /*boundaryGap: [0, 0.01],*/
// 	        axisTick:{
//                 show:false  //去掉y轴刻度线
//             },
//             splitLine:{
//                 show:false
//             },
//             axisLine:{
//             	show:false
// 				/*lineStyle:{
// 					color:'#F4F4F3', // x坐标轴的轴线颜色
// 					width:0, //这里是坐标轴的宽度,为0就是不显示
// 				}*/
// 			},
// 			axisLabel : {
// 				show:false
//                 /*textStyle: {
//                     fontSize: 16,
//                     color:'#666'
//                 }*/
//             },
// 	    },
// 	    yAxis: {
// 	        type: 'category',
// 	        data: ['党员','优抚家庭','孤老家庭孤老家庭','失孤家庭','单亲家庭','低保家庭','犯罪前科','党员','优抚家庭','孤老家庭孤老家庭','失孤家庭'],
// 	        axisTick:{
//                 show:false  //去掉y轴刻度线
//             },
//             axisLine:{
//             	show:false
// 				/*lineStyle:{
// 					color:'#F4F4F3', // y坐标轴的轴线颜色
// 					width:1, //这里是坐标轴的宽度,为0就是不显示
// 				}*/
// 			},
// 			axisLabel : {
//                 textStyle: {
//                     fontSize:14,
//                     color:'#333'
//                 }
//             },
// 	    },
// 	    series: [
// 	        {
// 	            type: 'bar',
// 	            barWidth: '16',
// 	            showBackground: true,
// 		        backgroundStyle: {  
// 		        	color: 'rgba(28, 147, 153, 0.06)', 
// 		        	barBorderRadius:[8,8,8,8],
// 		        },
		        
// 	            itemStyle : {
// 					normal : {
// 						barBorderRadius:[8,8,8,8], 
// 						color: new echarts.graphic.LinearGradient(0, 0, 1, 0,[{
// 							offset: 0,
// 							color: '#FCE56B'
// 						}, {
// 							offset: 1,
// 							color: '#F7C739'
// 						}]),
// 						label: {		                       
// 							show: true,//是否展示
// 							position: 'right',
// 							textStyle: {
// 								fontSize: 14,
// 								color:'#333',
// 							}		                    
// 						},
// 					}
// 				},
// 				data: [100, 200, 300, 400,150,550,360,300, 400,150,550],
// 	        }
// 	    ]
// 	};

//     // 使用刚指定的配置项和数据显示图表。
//     myChart.setOption(option);
// 	$("div.data-main").css("width","auto");
// 	$(window).resize(function() {
// 	   myChart.resize();
// 	});
// })
// // 方泰片 TOP10   
// $(function(){
// 	// 基于准备好的dom，初始化echarts实例
//     var myChart = echarts.init(document.getElementById('main6'));
//     // 指定图表的配置项和数据
//     var option = {
// 	    grid: {
// 	    	top:'0',
//             left: '0',   //图表距边框的距离
//             right: '20',
//             bottom: '0',
//             containLabel: true
//         },
// 	    xAxis: {
// 	        type: 'value',
// 	        max:'600',
// 	        /*boundaryGap: [0, 0.01],*/
// 	        axisTick:{
//                 show:false  //去掉y轴刻度线
//             },
//             splitLine:{
//                 show:false
//             },
//             axisLine:{
//             	show:false
// 				/*lineStyle:{
// 					color:'#F4F4F3', // x坐标轴的轴线颜色
// 					width:0, //这里是坐标轴的宽度,为0就是不显示
// 				}*/
// 			},
// 			axisLabel : {
// 				show:false
//                 /*textStyle: {
//                     fontSize: 16,
//                     color:'#666'
//                 }*/
//             },
// 	    },
// 	    yAxis: {
// 	        type: 'category',
// 	        data: ['党员','优抚家庭','孤老家庭孤老家庭','失孤家庭','单亲家庭','低保家庭','犯罪前科','党员','优抚家庭','孤老家庭孤老家庭','失孤家庭'],
// 	        axisTick:{
//                 show:false  //去掉y轴刻度线
//             },
//             axisLine:{
//             	show:false
// 				/*lineStyle:{
// 					color:'#F4F4F3', // y坐标轴的轴线颜色
// 					width:1, //这里是坐标轴的宽度,为0就是不显示
// 				}*/
// 			},
// 			axisLabel : {
//                 textStyle: {
//                     fontSize:14,
//                     color:'#333'
//                 }
//             },
// 	    },
// 	    series: [
// 	        {
// 	            type: 'bar',
// 	            barWidth: '16',
				
// 	            showBackground: true,
// 		        backgroundStyle: {  
// 		        	color: 'rgba(28, 147, 153, 0.06)', 
// 		        	barBorderRadius:[8,8,8,8],
// 		        },
// 	            itemStyle : {
// 	            	normal : {
// 	            		barBorderRadius:[8,8,8,8],
// 	            		color: new echarts.graphic.LinearGradient(0, 0, 1, 0,[{
// 	            			offset: 0,
// 	            			color: '#3BC3C7'
// 	            		}, {
// 	            			offset: 1,
// 	            			color: '#1C9399'
// 	            		}]),
// 	            		label: {		                       
// 	            			show: true,//是否展示
// 	            			position: 'right',
// 	            			textStyle: {
// 	            				fontSize: 14,
// 	            				color:'#333',
// 	            			}		                    
// 	            		},
// 	            	}
// 	            },
// 				data: [100, 200, 300, 400,150,550,360,300, 400,150,550],
// 	        }
// 	    ]
// 	};

//     // 使用刚指定的配置项和数据显示图表。
//     myChart.setOption(option);
// 	$("div.data-main").css("width","auto");
// 	$(window).resize(function() {
// 	   myChart.resize();
// 	});
// })





// 户籍分布统计
function loadRegisteredResidenceDistribution(mainNum,data) {
	var myChart = echarts.init(document.getElementById(mainNum));
	var option = {
		color: ['#FA675C', '#FFC361','#1C9399', '#02E187','#73A0FA'],
		legend: {
			selectedMode: false, //取消图例上的点击事件
			orient: 'vertical',
			right: 0,
			y: 'center',
			itemWidth: 8,
			itemHeight: 8,
			itemGap: 9, //图例之间的间距 
			textStyle: {
				color: '#333',
				fontSize: 12,
				padding: [4, 0, 0, 10]
			},
		},
		series: [{
			name: '',
			type: 'pie',
			radius: [80,50],
			center: ['40%', 'center'],
			avoidLabelOverlap: false,
			hoverAnimation:false,   //  防止点击变大事件   
			labelLine: {
				normal: {
					length: 45, // 改变标示线的长度
					length2: 15,
				},
			},
			itemStyle: {
				normal: {
					label: {
						show: true,
						formatter: "{c}",
						textStyle: {
							color: '#333'
						},
						padding: [0, 0], //文字和图的边距
						rich: {
							b: { //value 文字样式
								fontSize: 12,
								lineHeight: 60,
								align: 'center',
								color: '#333'
							},
						}
					},
					show: true,
				},
			},

			data:data,
			// data: [{
			// 		value: 335,
			// 		name: '嘉定（镇内）'
			// 	},
			// 	{
			// 		value: 250,
			// 		name: '嘉定（镇外）',
			// 	},{
			// 		value: 335,
			// 		name: '其他'
			// 	},
			// 	{
			// 		value: 335,
			// 		name: '外地'
			// 	},
			// 	{
			// 		value: 335,
			// 		name: '海外'
			// 	},
			// ],
		}],
	};
	myChart.setOption(option);
	$("#"+mainNum+".data-main").css("width","auto");
	$(window).resize(function() {
	   myChart.resize();
	});
}


// 年龄分布 -男
function loadAgeDistributionMan(mainNum,nameArr,countArr) {
	// 基于准备好的dom，初始化echarts实例
	var myChart = echarts.init(document.getElementById(mainNum));
	// 指定图表的配置项和数据
	var option = {
		grid: {
			top: '0',
			left: '30', //图表距边框的距离
			right: '0',
			bottom: '0',
			containLabel: true
		},
		xAxis: {
			type: 'value',
			/*boundaryGap: [0, 0.01],*/
			axisTick: {
				show: false //去掉y轴刻度线
			},
			splitLine: {
				show: false
			},
			axisLine: {
				show: false
			},
			axisLabel: {
				show: false
			},
		},
		yAxis: {
			type: 'category',
			data: nameArr,  // ['<60岁','60岁', '70岁', '80岁', '90岁','100岁'],
			axisTick: {
				show: false //去掉y轴刻度线
			},
			axisLine: {
				show: false
			},
			axisLabel: {
				show: false
			},
		},
		series: [{
			type: 'bar',
			barWidth: '12',
			showBackground: false,
			itemStyle: {
				normal: {
					barBorderRadius: [6, 6, 6, 6],
					label: {
						show: true, //是否展示
						position: 'left',
						textStyle: {
							fontSize: 12,
							color: '#333',
						},
						formatter: function (value) {
							if(value.data<0){
								return -value.data;
							}
						},
					},
					color: new echarts.graphic.LinearGradient(1, 0, 0, 0, [{
						offset: 0,
						color: '#3CC5C9'
					}, {
						offset: 1,
						color: '#1C9399'
					}]),
				}
			},
			data: countArr,// [-100, -200, -300, -400,-100, -200],
		}]
	};
	// 使用刚指定的配置项和数据显示图表。
	myChart.setOption(option);
	$("#"+mainNum+".data-main").css("width","auto");
	$(window).resize(function() {
	   myChart.resize();
	});
}



//年龄分布 -女
function loadAgeDistributionWoMan(mainNum,nameArr,countArr) {
	// 基于准备好的dom，初始化echarts实例
	var myChart = echarts.init(document.getElementById(mainNum));
	// 指定图表的配置项和数据
	var option = {
		grid: {
			top: '0',
			left: '0', //图表距边框的距离
			right: '30',
			bottom: '0',
			containLabel: true
		},
		xAxis: {
			type: 'value',
			/*boundaryGap: [0, 0.01],*/
			axisTick: {
				show: false //去掉y轴刻度线
			},
			splitLine: {
				show: false
			},
			axisLine: {
				show: false
			},
			axisLabel: {
				show: false
			},
		},
		yAxis: {
			type: 'category',
			data: nameArr,//['<60岁','60岁', '70岁', '80岁', '90岁','100岁'],
			axisTick: {
				show: false //去掉y轴刻度线
			},
			axisLine: {
				show: false
			},
			axisLabel: {
				show: false
			},
		},
		series: [{
			type: 'bar',
			barWidth: '12',
			showBackground: false,
			itemStyle: {
				normal: {
					barBorderRadius: [6, 6, 6, 6],
					label: {
						show: true, //是否展示
						position: 'right',
						textStyle: {
							fontSize: 12,
							color: '#333',
						}
					},
					color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
						offset: 0,
						color: '#FDA095'
					}, {
						offset: 1,
						color: '#FA675C'
					}]),
				}
			},
			data: countArr,//[100, 200, 300, 400,100, 200, 300],
		}]
	};
	// 使用刚指定的配置项和数据显示图表。
	myChart.setOption(option);
	$("#"+mainNum+".data-main").css("width","auto");
	$(window).resize(function() {
	   myChart.resize();
	});
}

// // 老人年龄分布
function loadAgeDistribution(mainNum,data) {
	var myChart = echarts.init(document.getElementById(mainNum));
	var option = {
		color: ['#FA675C', '#F7C739','#1C9399', '#06E289','#73A0FA'],
		legend: {
			selectedMode: false, //取消图例上的点击事件
			orient: 'vertical',
			right: '0',
			y: 'center',
			itemWidth: 8,
			itemHeight: 8,
			itemGap: 9, //图例之间的间距 
			textStyle: {
				color: '#333',
				fontSize: 12,
				padding: [4, 0, 0, 10]
			},
		},
		series: [{
			name: '',
			type: 'pie',
			radius: 80,
			center: ['45%', 'center'],
			avoidLabelOverlap: false,
			hoverAnimation:false,   //  防止点击变大事件   
			
			itemStyle: {
				normal: {
					label: {
						show: true,
						formatter: function(data) {
							return data.percent.toFixed(0) + "%";
						},
						textStyle: {
							color: '#333'
						},
						padding: [0, 0], //文字和图的边距
						rich: {
							b: { //value 文字样式
								fontSize: 12,
								lineHeight: 60,
								align: 'center',
								color: '#333'
							},
						}
					},
					show: true,
					borderColor: '#fff',
					borderWidth: 1,
				},
			},

			data:data,
			// data: [{
			// 		value: 335,
			// 		name: '60岁'
			// 	},
			// 	{
			// 		value: 250,
			// 		name: '70岁',
			// 	},{
			// 		value: 335,
			// 		name: '80岁'
			// 	},
			// 	{
			// 		value: 335,
			// 		name: '90岁'
			// 	},
			// 	{
			// 		value: 335,
			// 		name: '100岁以上'
			// 	},
			// ],
		}],
	};
	myChart.setOption(option);
	$("#"+mainNum+".data-main").css("width","auto");
	$(window).resize(function() {
	   myChart.resize();
	});
}


// // 特别关注
function loadCareCrowdType(mainNum,data)  {
	var myChart = echarts.init(document.getElementById(mainNum));
	var option = {
		color: ['#FA675C', '#FFC361','#1C9399', '#02E187','#73A0FA'],
		legend: {
			selectedMode: false, //取消图例上的点击事件
			orient: 'vertical',
			right: 0,
			y: 'center',
			itemWidth: 8,
			itemHeight: 8,
			itemGap: 9, //图例之间的间距 
			textStyle: {
				color: '#333',
				fontSize: 12,
				padding: [4, 0, 0, 10]
			},
		},
		series: [{
			name: '',
			type: 'pie',
			radius: [80,50],
			center: ['40%', 'center'],
			avoidLabelOverlap: false,
			hoverAnimation:false,   //  防止点击变大事件   
			labelLine: {
				normal: {
					length: 45, // 改变标示线的长度
					length2: 15,
				},
			},
			itemStyle: {
				normal: {
					label: {
						show: true,
						formatter: function(data) {
							return data.percent.toFixed(0) + "%";
						},
						// formatter: "{c}",
						textStyle: {
							color: '#333'
						},
						padding: [0, 0], //文字和图的边距
						rich: {
							b: { //value 文字样式
								fontSize: 12,
								lineHeight: 60,
								align: 'center',
								color: '#333'
							},
						}
					},
					show: true,
				},
			},
			data:data,
			// data: [{
			// 		value: 335,
			// 		name: '嘉定（镇内）'
			// 	},
			// 	{
			// 		value: 250,
			// 		name: '嘉定（镇外）',
			// 	},{
			// 		value: 335,
			// 		name: '其他'
			// 	},
			// 	{
			// 		value: 335,
			// 		name: '外地'
			// 	},
			// 	{
			// 		value: 335,
			// 		name: '海外'
			// 	},
			// ],
		}],
	};
	myChart.setOption(option);
	$("#"+mainNum+".data-main").css("width","auto");
	$(window).resize(function() {
	   myChart.resize();
	});
}


// // 社保类型
function loadSocialSecurityType(mainNum,data) {
	var myChart = echarts.init(document.getElementById(mainNum));
	var option = {
		color: ['#FA675C', '#F7C739','#1C9399', '#06E289','#73A0FA'],
		legend: {
			selectedMode: false, //取消图例上的点击事件
			orient: 'vertical',
			right: '0',
			y: 'center',
			itemWidth: 8,
			itemHeight: 8,
			itemGap: 9, //图例之间的间距 
			textStyle: {
				color: '#333',
				fontSize: 12,
				padding: [4, 0, 0, 10]
			},
		},
		series: [{
			name: '',
			type: 'pie',
			radius: 80,
			center: ['45%', 'center'],
			avoidLabelOverlap: false,
			hoverAnimation:false,   //  防止点击变大事件   
			
			itemStyle: {
				normal: {
					label: {
						show: true,
						formatter: function(data) {
							return data.percent.toFixed(0) + "%";
						},
						textStyle: {
							color: '#333'
						},
						padding: [0, 0], //文字和图的边距
						rich: {
							b: { //value 文字样式
								fontSize: 12,
								lineHeight: 60,
								align: 'center',
								color: '#333'
							},
						}
					},
					show: true,
					borderColor: '#fff',
					borderWidth: 1,
				},
			},
			data:data,

			// data: [{
			// 		value: 335,
			// 		name: '60岁'
			// 	},
			// 	{
			// 		value: 250,
			// 		name: '70岁',
			// 	},{
			// 		value: 335,
			// 		name: '80岁'
			// 	},
			// 	{
			// 		value: 335,
			// 		name: '90岁'
			// 	},
			// 	{
			// 		value: 335,
			// 		name: '100岁以上'
			// 	},
			// ],
		}],
	};
	myChart.setOption(option);
	$("#"+mainNum+".data-main").css("width","auto");
	$(window).resize(function() {
	   myChart.resize();
	});
}



// // 居住状态
function loadLivingStatus(mainNum,nameArr,data,livingHomeMax,livingHomeInterval){
	// console.log("nameArr="+nameArr);
	// console.log("data="+data);
	 // #FA675C #FDA095 #FFC15E #FFE297
	var color1 = ['#1C9399','#FA675C','#FFC15E'];
	var color2 = ['#3CC5C9','#FDA095','#FFE297'];
	var series = [];
	var x =0;
	for (var i = 0; i < data.length; i++) {
		// console.log("x="+x);
		if (i>color1.length-1) {
			x=0;
		}
		series.push({
            name:'',
            type:'bar',
            barWidth: '40',
            itemStyle : { 
				normal : {
					barBorderRadius:[2, 2, 0, 0],
					label: {		                       
						show: true,//是否展示
						position: 'top',
						textStyle: {
							fontSize: 14,		     
							color:'#333',
						}		                    
					},
					color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
                        offset: 1,
                        color: color1[x]
                    }, {
                        offset: 0.3,
                        color: color2[x]
                    }]),
				}
			},
            // data:[120, 132, 101, 134, 90, 230, 210]
            data: data[i]
        });
        x++;
	}
	// console.log(series);

	// 基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById(mainNum));
    // 指定图表的配置项和数据
    var option = {
        grid: {
	    	top:'30',
            left: '0',   //图表距边框的距离
            right: '0',
            bottom: '0',
            containLabel: true
        },
	    xAxis: {
	        type: 'category',
	        /*boundaryGap: false,*/
	        
            axisLabel: {
                textStyle: {
                	color:'#333',
                    fontSize: 12,
				},
            },
            axisTick:{
                show:false  //去掉y轴刻度线
            },
            
            //坐标轴颜色
            axisLine:{
                show:false
            },
	        data: nameArr//['独居', '纯老', '与父母同住', '与子女同住']
	    },
	    yAxis: [
		    {
		    	type: 'value',
		    	min:0,
                max:livingHomeMax,
                interval:livingHomeInterval,
		        splitLine: {
	                show: true ,
		            lineStyle: {
		            	color: 'rgba(0, 0, 0, 0.15)',
		            	width: '1'
		            }
	            },
	            axisLabel: {
	            	textStyle: {
	            		color:'#333',
	                    fontSize: 12,
					},
		            
	            },
	            
	            axisTick:{
	                show:false  //去掉y轴刻度线
	            },
		        //坐标轴颜色
	            axisLine:{
	                show:false,
	                /* lineStyle:{
	                    color:'rgba(0, 0, 0, 0.15)',
                    	width:'1'
	                } */
	            },
		    }
	    ],
	    series: series
	  //   [{
	  //       name:'',
   //          type:'bar',
   //          barWidth: '40',
   //          itemStyle : { 
			// 	normal : {
			// 		barBorderRadius:[2, 2, 0, 0],
			// 		label: {		                       
			// 			show: true,//是否展示
			// 			position: 'top',
			// 			textStyle: {
			// 				fontSize: 14,		     
			// 				color:'#333',
			// 			}		                    
			// 		},
			// 		color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
   //                      offset: 1,
   //                      color: '#1C9399'
   //                  }, {
   //                      offset: 0.3,
   //                      color: '#3CC5C9'
   //                  }]),
			// 	}
			// },
	  //       data: [320, 490, 320, 450]
	  //   },{
	  //       name:'',
   //          type:'bar',
   //          barWidth: '40',
   //          itemStyle : { 
			// 	normal : {
			// 		barBorderRadius:[2, 2, 0, 0],
			// 		label: {		                       
			// 			show: true,//是否展示
			// 			position: 'top',
			// 			textStyle: {
			// 				fontSize: 14,		     
			// 				color:'#333',
			// 			}		                    
			// 		},
			// 		color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
   //                      offset: 1,
   //                      color: '#FA675C' 
   //                  }, {
   //                      offset: 0.3,
   //                      color: '#FDA095'
   //                  }]),
			// 	}
			// },
	  //       data: [110, 490, 320, 450]
	  //   },{
	  //       name:'',
   //          type:'bar',
   //          barWidth: '40',
   //          itemStyle : { 
			// 	normal : {
			// 		barBorderRadius:[2, 2, 0, 0],
			// 		label: {		                       
			// 			show: true,//是否展示
			// 			position: 'top',
			// 			textStyle: {
			// 				fontSize: 14,		     
			// 				color:'#333',
			// 			}		                    
			// 		},
			// 		color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
   //                      offset: 1,
   //                      color: '#FFC15E'
   //                  }, {
   //                      offset: 0.3,
   //                      color: '#FFE297'
   //                  }]),
			// 	}
			// },
	  //       data: [110, 490, 320, 450]
	  //   }]

	};
    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);
	$("#"+mainNum).css("width","auto");
	$(window).resize(function() {
	   myChart.resize();
	});
}







// // 处理  照顾人群 柱状图  数据
function loadcareCrowdBarChart(name,mainNum,nameArr,countArr,max,interval){
	// console.log(mainNum);
	// console.log(nameArr);
	// console.log(countArr);
	// 基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById(mainNum));
    // 指定图表的配置项和数据
    var option = {
    	title:[{
                text:name,
                textStyle:{
                        fontSize:20,
                        fontWeight:'bold',
                        fontFamily:'PingFangSC-Semibold, PingFang SC',
                        color:'#000',
                },
                left:'0',
                padding: [5, 0, 0, 0],
        },{
                text:'（单位：人）',
                textStyle:{
                        fontSize:14,
                        fontWeight:'bold',
                        fontFamily:'PingFangSC-Semibold, PingFang SC',
                        color:'#000',
                },
                left:'155',
                padding: [10, 0, 0, 0],
        },],
        grid: {
            top:'50',
            left: '0',   //图表距边框的距离
            right: '0',
            bottom: '20',
            containLabel: true
        },
        
	    xAxis: {
	        type: 'category',
	        /*boundaryGap: false,*/
	        
            axisLabel: {
                textStyle: {
                	color:'#333',
                    fontSize: 12,
				},
				
				interval: 0,
				formatter: function(value) {
				    return value.split('').join('\n')
				}
            },
            axisTick:{
                show:false  //去掉y轴刻度线
            },
            
            //坐标轴颜色
            axisLine:{
                show:false
            },
            data:nameArr
	       // data: ['独居', '纯老', '与父母同住', '与子女同住','独居', '纯老', '与父母同住', '与子女同住','独居', '纯老', '与父母同住', '与子女同住','独居', '纯老', '与父母同住', '与子女同住','独居', '纯老', '与父母同住', '与子女同住','独居', '纯老', '与父母同住', '与子女同住']
	    },
	    yAxis: [
		    {
		    	type: 'value',
		    	min:0,
                max:max,
                interval:interval,
		        splitLine: {
	                show: true ,
		            lineStyle: {
		            	color: 'rgba(0, 0, 0, 0.15)',
		            	width: '1'
		            }
	            },
	            axisLabel: {
	            	textStyle: {
	            		color:'#333',
	                    fontSize: 12,
					},
	            },
	            
	            axisTick:{
	                show:false  //去掉y轴刻度线
	            },
		        //坐标轴颜色
	            axisLine:{
	                show:false,
	                /* lineStyle:{
	                    color:'rgba(0, 0, 0, 0.15)',
                    	width:'1'
	                } */
	            },
		    }
	    ],
	    series: [{
	        name:'',
            type:'bar',
            barWidth: '25',
            itemStyle : { 
				normal : {
					barBorderRadius:[2, 2, 0, 0],
					label: {		                       
						show: true,//是否展示
						position: 'top',
						textStyle: {
							fontSize: 14,		     
							color:'#333',
						}		                    
					},
					color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
                        offset: 1,
                        color: '#1C9399'
                    }, {
                        offset: 0.3,
                        color: '#3CC5C9'
                    }]),
				}
			},
			data:countArr
	        //data: [320, 490, 320, 450,320, 490, 320, 450,320, 490, 320, 450,320, 490, 320, 450,320, 490, 320, 450,320, 490, 320, 450]
	    },]
	};
    // 使用刚指定的配置项和数据显示图表。
     myChart.setOption(option);
	$("#"+mainNum).css("width","auto");
	$(window).resize(function() {
	   myChart.resize();
	});
}
